﻿<extend name="Public:base" />
<block name="title"><title>个人信息</title></block>
<block name="header_styles">
    <style type="text/css">
        .main-wrapper {
            background-color: #fff;
        }

        .rating-gly {
            font-family: 'FontAwesome';
        }
    </style>
</block>
<block name="main">
    <div class="profile-view person">
      <div class="row">
          <div class="col-xs-3">
              <div class="profile-sidebar">
                  <div class="profile-box">
                      <div class="profile-avator">
                          <img src="/Public/themes/images/img-people.png" />
                      </div>
                      <div class="profile-name">
                          广州市般若虾科技有限公司
                      </div>
                  </div>
                  <div class="profile-section">
                      <div class="profile-section-title text-center">
                          <a href="javascript:void(0);" class="link-olive">
                              抛橄榄枝
                              <img src="/Public/themes/images/img-olive.png" alt="" />
                          </a>
                          <!--归宿：般若虾-->
                      </div>
                  </div>

                  <div class="profile-section">
                      <div class="profile-section-title">
                          <a href="javascript:void(0);" class="tab-link active">雇主评价</a>&nbsp;|&nbsp;<a href="javascript:void(0);" class="tab-link">人才评价</a>
                      </div>
                      <div class="profile-section-content">
                          <ul>
                              <li>
                                  <strong>好 评 率：</strong>&nbsp;<span class="text-orange">100%</span>
                              </li>
                              <li class="star-line">
                                  <strong>工作态度：</strong>&nbsp;
                                  <div class="star-panel" data-score="3.5"></div>
                                  &nbsp;<span>3.5</span>
                              </li>
                              <li class="star-line">
                                  <strong>专业能力：</strong>&nbsp;
                                  <div class="star-panel" data-score="5"></div>
                                  &nbsp;<span>5.0</span>
                              </li>
                              <li class="star-line">
                                  <strong>工作效率：</strong>&nbsp;
                                  <div class="star-panel" data-score="0.5"></div>
                                  &nbsp;<span>0.5</span>
                              </li>
                              <li class="star-line">
                                  <strong>沟通能力：</strong>&nbsp;
                                  <div class="star-panel" data-score="1"></div>
                                  &nbsp;<span>2.0</span>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <div class="profile-section">
                      <div class="profile-section-title">
                          联系方式
                      </div>
                      <div class="profile-section-content">
                          电话：139****6587<br />
                          微博：weibo.com/u/**/home<br />
                          博客：blog.sina.com.cn****04<br />
                      </div>
                  </div>

              </div>
          </div>
          <div class="col-xs-9">
              <div class="profile-main">
                  <div class="profile-person">
                      <div class="profile-person-heading">
                          <div class="profile-years">
                              10年
                          </div>
                          <h2>产品经理</h2>
                          <div class="profile-person-info">
                              广州-天河区 | 本科 | 计算机工程 | 武汉大学
                          </div>
                      </div>
                      <div class="profile-person-tab">
                          <ul>
                              <li><a href="#">人才信息</a></li>
                              <li><a href="#">作品展示</a></li>
                              <li class="active">
                                  <a href="#">评价详情</a>
                                  <ul>
                                      <li><a href="#">雇主评价</a></li>
                                      <li><a href="#">人才评价</a></li>
                                  </ul>
                              </li>
                          </ul>
                      </div>

                      <div class="profile-feedbacks">
                          <div class="profile-feedback-item">
                              <span class="feedback-status">满意</span>
                              <div class="profile-feedback-heading">
                                  <span class="pull-right">
                                      2016.03.11-2016.05.01
                                  </span>
                                  <span>
                                      人才：三三    职位：品牌策划
                                  </span>
                              </div>
                              <div class="profile-feedback-content">
                                  专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业
                                  过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。
                              </div>
                          </div>
                          <div class="profile-feedback-item">
                              <span class="feedback-status">良好</span>
                              <div class="profile-feedback-heading">
                                  <span class="pull-right">
                                      2016.03.11-2016.05.01
                                  </span>
                                  <span>
                                      人才：三三    职位：品牌策划
                                  </span>
                              </div>
                              <div class="profile-feedback-content">
                                  专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业
                                  过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。
                              </div>
                          </div>
                          <div class="profile-feedback-item">
                              <span class="feedback-status">一般</span>
                              <div class="profile-feedback-heading">
                                  <span class="pull-right">
                                      2016.03.11-2016.05.01
                                  </span>
                                  <span>
                                      人才：三三    职位：品牌策划
                                  </span>
                              </div>
                              <div class="profile-feedback-content">
                                  专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业
                                  过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。专业过硬，沟通能力强，完成速度快。
                              </div>
                          </div>
                      </div>
                  </div>

              </div>
          </div>
      </div>
        
        
    </div>

    <div class="box" id="form1" style="min-width:700px;">
        <div class="box-title">
            <a href="javascript:$.fancybox.close();" class="pull-right" style="color:#fff;"><i class="fa fa-times"></i></a>
            评价
        </div>
        <div class="box-content" style="padding:20px;">
            <div class="form-feedbacks">
                <div class="form-feedback-item">
                    <div class="form-feedback-heading">
                        请为【<a href="#" class="green-link">小孩</a>】进行评价：
                    </div>
                    <div class="form-feedback-content">
                        <div class="row">
                            <div class="col-md-6">
                                <div>
                                    <strong>工作态度：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>沟通能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作速率：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <textarea class="form-control" rows="6" placeholder="说说您对ta的评价吧"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-feedback-item">
                    <div class="form-feedback-heading">
                        请为【<a href="#" class="green-link">小孩</a>】进行评价：
                    </div>
                    <div class="form-feedback-content">
                        <div class="row">
                            <div class="col-md-6">
                                <div>
                                    <strong>工作态度：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>沟通能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作速率：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <textarea class="form-control" rows="6" placeholder="说说您对ta的评价吧"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-feedback-item">
                    <div class="form-feedback-heading">
                        请为【<a href="#" class="green-link">小孩</a>】进行评价：
                    </div>
                    <div class="form-feedback-content">
                        <div class="row">
                            <div class="col-md-6">
                                <div>
                                    <strong>工作态度：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>沟通能力：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                                <div>
                                    <strong>工作速率：</strong>&nbsp;
                                    <div class="star-panel"></div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <textarea class="form-control" rows="6" placeholder="说说您对ta的评价吧"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-footer text-center" style="white-space:nowrap;">
            <button type="submit" class="btn btn-success" id="btnBoxSure">提交</button>
        </div>
    </div>
</block>
<block name="footer_scripts">

    <script type="text/javascript">
        requirejs(["jquery", "jquery.fancybox", "jquery.raty"], function () {
            $(function () {
                $.fancybox.open("#form1", { type: 'inline', padding: 0, closeBtn: false });

                $('.form-feedbacks .star-panel').raty({
                    path: "/Public/js/libraries/jquery.raty/images"
                });

                $(".star-panel").each(function () {
                    var total = 5;
                    var container = $(this);
                    var score = container.data("score");

                    var s1 = Math.floor(score);
                    var s2 = Math.ceil(score);
                    console.log(s1);
                    for (var i = 0; i < s1; i++) {
                        container.append("<span class='fa fa-star'></span>");
                    }
                    if (score - s1 > 0) {
                        container.append("<span class='fa fa-star-half-o'></span>");
                    }

                    for (var i = 0; i < total - s2; i++) {
                        container.append("<span class='fa fa-star-o'></span>");
                    }
                });
            });
        });
    </script>
</block>
